<template>
  <div>
    <!-- 头部区域 -->
    <Header />
    <!-- 内容路由主体区域 -->
    <div class="main">
      <nuxt />
    </div>
    <!-- 底部区域 -->
    <Footer />
    <!-- 回到顶部，bottom 下拉距离顶部多高时，显示回到顶部图标，注意不要加 :target -->
    <el-backtop :bottom="80"></el-backtop>
  </div>
</template>

<script>
import Header from "@/components/layouts/Header";
import Footer from "@/components/layouts/Footer";
export default {
  name: "Index",
  components: {
    Header,
    Footer,
  },
};
</script>

<style>
.main {
  padding-top: 90px;
  max-width: 1140px;
  margin: 0 auto;
}
</style>
